
import './index.scss'
import image1 from "@/assets/404_images/404_bg.png"
import image2 from "@/assets/404_images/404_cloud.png"
import { useNavigate } from 'react-router-dom'
function error404() {
    const navigate = useNavigate()
    function handleClick() {
        navigate('/')
    }
    return (
        <div className='app-container'>
            <div className="app-container-inner">
                <div className="wscn-http404-container">
                    <div className="wscn-http404">
                        <div className="pic-404">
                            <img className="pic-404__parent" src={image1} alt="404" />
                            <img className="pic-404__child left" src={image2} alt="404" />
                            <img className="pic-404__child mid" src={image2} alt="404" />
                            <img className="pic-404__child right" src={image2} alt="404" />
                        </div>
                        <div className="bullshit">
                            <div className="bullshit__oops">页面不存在！</div>
                            <div className="bullshit__headline">您没有操作角色...</div>
                            <div className="bullshit__info">请检查URL地址是否正确, 或点击回到首页。</div>
                            <div className="bullshit__return-home" onClick={handleClick}>回到首页</div>
                        </div>
                    </div>
                </div>
            </div>
        </div >
    )
}
export default error404
